<template>
	<view class="store-join-type bg-white e-p-50" :style="[AppSkinVar]">
		<view class="e-m-b-60">
			<text class="fw-500 e-font-40 ">{{$t('store.joinTypeTips')}}</text>
		</view>
<!-- 		<view class="store-join-type__box e-flex e-m-b-60" @tap="$goTo('/pages/store/join/join',{type:1})">
			<view class="e-m-r-30">
				<text class="store-join-type__box__img iconfont icon-xianshang c-primary"></text>
			</view>
			
			<view class="e-flex-1 e-flex e-flex-between">
				<view >
					<view class="e-m-b-10">
						<text class="fw-500">{{$t('store.joinTypeTxt1')}}</text>
					</view>
					<view >
						<text class="c-secondary e-font-24">{{$t('store.joinTypeTxt2')}}</text>
					</view>
				</view>
				<image src="../static/arrow.png" class="img-36 e-m-l-20"></image>
			</view>
		</view> -->
		<view class="store-join-type__box e-flex" @tap="$goTo('/pages/store/join/join',{type:2})">
			<view class="e-m-r-30">
				<text class="store-join-type__box__img iconfont icon-xianxia c-primary"></text>
			</view>
			<view class="e-flex-1 e-flex e-flex-between">
				<view >
					<view class="e-m-b-10">
						<text class="fw-500">{{$t('store.joinTypeTxt3')}}</text>
					</view>
					<view >
						<text class="c-secondary e-font-24">{{$t('store.joinTypeTxt4')}}</text>
					</view>
				</view>
				<image src="../static/arrow.png" class="img-36 e-m-l-20"></image>
			</view>
		</view>
	</view>
</template>

<script>
</script>
<style>
	page{
		padding: 20rpx;
		height: 100vh;
	}
</style>
<style lang="scss" scoped>
	.store-join-type{
		height: 100%;
		border-radius: 10rpx;
		&__box{
			padding: 50rpx 40rpx;
			border-radius: 20rpx;
			border: 2rpx solid #E6E6E6;
			&__img{
				font-size: 100rpx;
			}
		}
	}
</style>